<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Hello, World</title>
    <style type="text/css">
        html{height:100%}
        body{height:100%;margin:0px;padding:0px}
        #container{height:100%}
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=KDSmei3gAsIjEVM55QPntykVaIkG8ntQ">
        //v3.0版本的引用方式：src="http://api.map.baidu.com/api?v=3.0&ak=您的密钥"
    </script>
</head>

<body>
<div id="container"></div>
<script src="js/jquery-2.2.4.js"></script>
<script type="text/javascript">
    var map = new BMap.Map("container");
    // 创建地图实例
    var point = new BMap.Point(116.404, 39.915);
    // 创建点坐标
    map.centerAndZoom(point, 4);
    // 初始化地图，设置中心点坐标和地图级别


    map.enableScrollWheelZoom(true);//允许缩放
    var geolocation=new BMap.Geolocation();

    $.ajax({
        type:"get",
        url: "/addMapPoint",
        success: function (res) {
            console.log(res);
            for (var i = 0; i < res.data.length; i++) {
                var pt = new BMap.Point(res.data[i].point.x, res.data[i].point.y);
                var marker2 = new BMap.Marker(pt);
                map.addOverlay(marker2);
            }
        },
        error:function () {
            alert("拉取数据失败")
        }
    })

    geolocation.getCurrentPosition(function (r) {
        if (this.getStatus()==BMAP_STATUS_SUCCESS){
            var mk=new BMap.Marker(r.point);
            map.addObject(mk);
            map.panTo(r.point);
            alert('您的位置：'+r.point.lng+','+r.point.lat);
        }else{
            alert('failed'+this.getStatus());
        }
    })



</script>
</body>
</html>